import { createApp } from 'vue'
// 导入样式
import '@/style.css'
// 导入App组件
import App from '@/App.vue'
// 导入element插件
import ElementPlus from 'element-plus'
// 导入element样式
import 'element-plus/dist/index.css'
// 导入矢量图的插件
import 'virtual:svg-icons-register'
// @ts-ignore
// 国际化
import zhCn from 'element-plus/dist/locale/zh-cn.mjs'
// 导入pinia状态集中管理工具
import { createPinia } from 'pinia'
// 引入移动端适配相关文件
import 'amfe-flexible'
// 导入路由
import router from './router'
// 导入vant
import Vant from 'vant'
import 'vant/lib/index.css'

// 引入Element Plus的图标
import * as ElementPlusIconsVue from '@element-plus/icons-vue';

// 清除默认样式
import 'normalize.css';
// 引入dayjs文件
import dayjsPlugin from './utils/dayjsPlugin'
// 安装pinpa
const pinia = createPinia()
// 安装app插件
const app = createApp(App)
// 安装element
app.use(ElementPlus)
// 安装element国际化
app.use(ElementPlus, {
  locale: zhCn,
})
app.use(router)
app.use(dayjsPlugin)
app.mount('#app')
app.use(Vant);


// 注册Element Plus的图标
for (const [key, component] of Object.entries(ElementPlusIconsVue)) {
  app.component(key, component)
}
